<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../../static/assets/logo.png" />
    <title>公安官网</title>
</head>

<body>
    <div class="homePage" id="homePage">
        <div class="emailList" id="emailList_left">
            <div class="btn closeBtn">关闭</div>
            <div class="list">
                <div class="openBtn"></div>
            </div>
        </div>
        <div class="emailList" id="emailList_right">
            <div class="btn closeBtn">关闭</div>
            <div class="list">
                <div class="openBtn"></div>
            </div>
        </div>
        <div class="banner">
            <div class="logo">
                <img id="homePageLogo" src="" alt="">
            </div>
        </div>
        <div class="nav" id="nav">
            <div class="tagList" id="tagList">
                <div class="tag active" id="active">首 页</div>
                <div class="tag" onclick="handleClick()">登 录</div>
            </div>
        </div>
        <div id="navPlaceholder"></div>
        <div class="content">
            <div class="contentHander">
                <div class="time" id="newTime"></div>
                <div class="notice" id="notice">
                    <span class="label">公告：</span>
                    <div class="roll-box">
                        <div class="text" id="noticeText"></div>
                    </div>
                </div>
                <div class="search">
                    <input type="text" id="myInput">
                    <div class="searchBtn" id="searchBtn">🔍搜 索</div>
                </div>
            </div>
            <div class="bannerBg" id="bannerBg"></div>
            <div class="notification" id="notification">
                <div class="label" id="notificationLabel"></div>
                <div class="infoContent">
                    <div class="info_1 notificationItem" id="info_1"></div>
                    <div class="Info_2 notificationItem" id="info_2"></div>
                    <div class="Info_3 notificationItem" id="info_3"></div>
                    <div class="Info_4 notificationItem" id="info_4"></div>
                </div>
            </div>
            <div class="main">
                <div class="contentLeft">
                    <div class="content_1">
                        <div class="swiper_1">
                            <div class="swiper mySwiper mySwiper_1" id="mySwiper_1">
                                <div class="swiper-wrapper" id="swiper-wrapper-1"></div>
                                <div class="pagination">
                                    <div id="mySwiper_title_1" class="title ellipsis">{{ title }}</div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                        </div>
                        <div class="notice_1 noticeItem">
                            <div class="tags">
                                <div class="btnList" id="noticeBtnList_1"></div>
                                <div class="moreBtn">更多</div>
                            </div>
                            <div class="list btn">
                                <div id="noticeUl_1"></div>
                            </div>
                        </div>
                    </div>
                    <div class="noticeList" id="noticeList"></div>
                    <div class="swiper_2" id="swiper_2">
                        <div class="swiper mySwiper mySwiper_2" id="mySwiper_2">
                            <div class="swiper-wrapper" id="swiper-wrapper-2">
                            </div>
                        </div>
                    </div>
                    <div class="swiperList" id="swiperList">
                        <div class="left swiperBtn" id="swiperBtnLeft"></div>
                        <div class="swiper_3" id="swiper_3">
                            <div class="swiper mySwiper mySwiper_3" id="mySwiper_3">
                                <div class="swiper-wrapper" id="swiper-wrapper-3">
                                </div>
                            </div>
                        </div>
                        <div class="right swiperBtn" id="swiperBtnRight"></div>
                    </div>
                </div>
                <div class="contentRight">
                    <div class="dutyRoster module btn">
                        <div class="title" id="dutyRoster">值班表</div>
                        <div class="label labelOpen" id="dutyRosterLabel">
                            <div>值班日期：<span id="dutyDate"></span></div>
                            <div><span id="dutyOne">值班领导：</span><span id="leader"></span></div>
                            <div><span id="dutyTwo">值班人员：</span><span id="officer"></span></div>
                            <div><span id="dutyThree">值班驾驶员：</span><span id="driver"></span></div>
                        </div>
                    </div>
                    <div class="governmentAffairs module">
                        <div class="title" id="ZWGK">政务公开</div>
                        <div class="label">
                            <div class="swiper_4" id="swiper_4">
                                <div class="swiper mySwiper mySwiper_4" id="mySwiper_4">
                                    <div class="swiper-wrapper" id="swiper-wrapper-4">
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="governmentAffairs module">
                        <div class="title" id="CYXT">常用系统</div>
                        <div class="label">
                            <div class="swiper_5" id="swiper_5">
                                <div class="swiper mySwiper mySwiper_5" id="mySwiper_5">
                                    <div class="swiper-wrapper" id="swiper-wrapper-5">
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="praise module">
                        <div class="label">
                            <div class="swiper_6" id="swiper_6">
                                <div class="swiper mySwiper mySwiper_6" id="mySwiper_6">
                                    <div class="swiper-wrapper" id="swiper-wrapper-6">
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="bayWindowListLeft"></div>
                    <div class="bayWindowListRight"></div> -->
                </div>
            </div>
        </div>
        <div class="footer" id="footer">
            <div class="info">
                <div class="selectList">
                    <select class="custom-select" id="provinceOptions" onchange="selectChange('provinceOptions')">
                        <option class="option" value="option1">全国导航</option>
                    </select>
                    <select class="custom-select" id="cityOptions" onchange="selectChange('cityOptions')">
                        <option class="option" value="option1">省内导航</option>
                    </select>
                    <select class="custom-select" id="districtOptions" onchange="selectChange('districtOptions')">
                        <option class="option" value="option1">市内导航</option>
                    </select>
                    <select class="custom-select" id="otherOptions" onchange="selectChange('otherOptions')">
                        <option class="option" value="option1">部门导航</option>
                    </select>
                </div>

                <div class="about">
                    <div class="info">
                        <div class="text aboutMe">关于我们 <span class="line">|</span> 隐私声明 <span class="line">|</span> 网站地图
                        </div>
                        <div class="text">
                            <span class="contact">网站名称：<span id="headerName"></span></span>
                            <span class="contact">主办单位：<span id="organizer"></span></span>
                            <span class="contact">联系电话：<span id="phoneNumber"></span></span>
                        </div>
                        <div class="text">
                            <span class="contact">地址：<span id="address"></span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</body>

</html>
<link rel="stylesheet" href="../css/sweiper.css">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/homePage.css">
<script src="../../static/js/baseUrl.js"></script>
<script src="../../static/api/request.js"></script>
<script src="../../static/js/swiper.js"></script>
<script src="../../static/js/unit.js"></script>
<script src="../../static/js/homePage.js"></script>

<script>
    //全局变量
    var provinceOptions = [];
    var cityOptions = [];
    var districtOptions = [];
    var otherOptions = [];
    var websiteLit = [];
    var endData = {};
    var mySwiperList_1 = []

    function initData() {
        beforeunload();
        distanceFromTop();
        queryEndPage();
        queryHomepageNavigation();
        queryArticleCarouselChart()
        queryParentList();
        queryPortalWebsite();
        getNowTime();
        queryNavigation();
        queryDuty();
        queryGovernmentTransparencyPageList();
        queryPageList();
        queryCommendation();
        mySwiper_init_2();
        getEvent();
        queryNotice();
        queryMajorReprints();
        queryCarouselChartType();
        queryBayWindow();
    }
    initData();
</script>
<style></style>